@import "variables";
.my-fans-common {
  ul {
    padding: 0 pxTorem(30) pxTorem(30) pxTorem(30);
    li {
      display: flex;
      padding-top: pxTorem(30);
      .fans-info {
        flex-grow: 1;
        position: relative;
        padding-bottom: pxTorem(30);
        overflow: hidden;
        align-items: center;
        display: flex;
        .fans-name {
          flex-grow: 1;
          p {
            color: color($h5, c2);
            @include font-dpr(30px);
            span {
              //color: color($h5, #999);
              @include font-dpr(24px);
            }
          }
          .limit-fans-name {
            max-width: pxTorem(250);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
          }
        }
        img {
          max-height: pxTorem(50);
        }
      }
      .fans-info:after {
        position: absolute;
        bottom: 0;
        left: 0;
        content: '';
        width: 100%;
        display: block;
        -webkit-transform: scaleY(.5);
        transform: scaleY(.5);
        height: 1px;
        z-index: 9;
        border-bottom: 1px solid #e8e8e8;
      }
    }
  }
  .headerImg {
    width: pxTorem(80);
    height: pxTorem(80);
    border-radius: 50%;
  }
}
